<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"
      xmlns="http://www.w3.org/1999/html">

<head>
    <meta content="text/html;charset = utf-8" http-equiv="content-type">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

    <title>采购单列表</title>

    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="../home/css/personal.css" rel="stylesheet" type="text/css">
    <link href="../home/css/infstyle.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
    <script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
    <script src="../lib/vue/2.4.2/vue.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <script src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>
    <style>
        .el-table .warning-row {
            background: oldlace;
        }

        .el-table .success-row {
            background: #eef1f6;
        }
    </style>
</head>

<body>
<div id="personOffers">
    <!--头 -->

    <!--<div class="center" style="margin-top: -10px" align="center">-->
        <!--<div class="col-main" align="center">-->
            <!--<div class="am-container activity ">-->
                <!--<div class="footer " style="margin-top: 0px">-->
                    <!--<table width="100%" class="mytable am-table am-table-bordered am-table-radius am-table-striped">-->
                        <!--<thead>-->
                        <!--<tr class="divTable">-->
                            <!--<th >采购内容</th>-->
                            <!--<th >采购人</th>-->
                            <!--<th >收货地址</th>-->
                            <!--<th >发起时间</th>-->
                            <!--<th >截止时间</th>-->
                            <!--<th >报价数</th>-->
                            <!--<th >状态</th>-->
                            <!--<th width="8%">操作</th>-->
                        <!--</tr>-->
                        <!--</thead>-->
                        <!--<tbody>-->
                        <!--<tr v-for="offerTable_show in offerTable">-->
                            <!--<td>{{offerTable_show.commodityName}}  [{{offerTable_show.commodityNum}}]</a>-->
                            <!--</td>-->
                            <!--<td>{{offerTable_show.purchaseUnit}}</td>-->
                            <!--<td>{{offerTable_show.shippingAddress}}</td>-->
                            <!--<td>{{offerTable_show.startTime}}</td>-->
                            <!--<td>{{offerTable_show.deadline}}</td>-->
                            <!--<td>{{offerTable_show.quotationNumber}}</td>-->
                            <!--<td>-->
                            <!--<span v-if="offerTable_show.type==0">-->
                            <!--报价中-->
                        <!--</span>-->
                                <!--<span v-if="offerTable_show.type==1">-->
                            <!--报价结束-->
                        <!--</span>-->
                                <!--<span v-if="offerTable_show.type==2">-->
                            <!--报价已取消-->
                        <!--</span>-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<button type="button" class="am-btn am-btn-primary am-btn-xs" v-on:click="showResult(offerTable_show.id)" >-->
                                    <!--查看结果-->
                                <!--</button>-->
                            <!--</td>-->
                        <!--</tr>-->
                        <!--</tbody>-->
                    <!--</table>-->
                <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash;底部&ndash;&gt;-->
        <!--</div>-->
    <!--</div>-->

    <p align="left" style="color: #2fa0ec; font-size: 16px">待询价列表</p>
    <template>
        <el-table :data="offerTable" style="width: 100%" width="100%" :row-class-name="tableRowClassName">
            <el-table-column prop="commodityName" label="采购内容">
            </el-table-column>
            <el-table-column prop="purchaseUnit" label="采购人">
            </el-table-column>
            <el-table-column prop="shippingAddress" label="收货地址">
            </el-table-column>
            <el-table-column prop="startTime" label="发起时间">
            </el-table-column>
            <el-table-column prop="deadline" label="截止时间">
            </el-table-column>
            <el-table-column prop="quotationNumber" label="报价数">
            </el-table-column>
            <el-table-column prop="type" label="状态">
                <template slot-scope="scope">
                    <el-tag style="width: 70px;" v-if="scope.row.type==0" type="success">报价中</el-tag>
                    <el-tag style="width: 70px;" v-if="scope.row.type==1"type="warning">报价结束</el-tag>
                    <el-tag style="width: 70px;" v-if="scope.row.type==2"type="warning">报价取消</el-tag>
                </template>
            </el-table-column>
            <el-table-column label="操作" width="200">
                <template scope="scope">
                    <el-button size="small" type="primary" icon="el-icon-sold-out" @click="handleEdit(scope.row)">查看结果</el-button>
                </template>
            </el-table-column>
        </el-table>
    </template>
</div>
</body>
<script src="../charge/personOffersList.js"></script>

</html>

